<template>
	<view>
		<view class="log-item" v-for="(item, index) in logList" :key="index">
			<view class="title"><rich-text :nodes="item.title"></rich-text></view>
			<view class="text1"><rich-text :nodes="item.text1"></rich-text></view>
			<view class="text2"><rich-text :nodes="item.text2"></rich-text></view>
			<view class="text3"><rich-text :nodes="item.text3"></rich-text></view>
		</view>
	</view>
</template>

<script>
import parseHtml from '@/util/html-parser.js';
export default {
	props: {
		logList: {
			type: Array,
			default() {
				return [];
			}
		}
	},
	created() {
		this.logList.forEach(item => {
			item.title = parseHtml(item.title);
			item.text1 = parseHtml(item.text1);
			item.text2 = parseHtml(item.text2);
			item.text3 = parseHtml(item.text3);
		});
	}
};
</script>

<style lang="scss" scoped>
.log-item {
	width: 95%;
	margin: 0 auto;
	padding: 5rpx 0;
	 border-bottom: 1px solid #dddddd;
	display: flex;
	flex-direction: column;
	.title,
	.text1,
	.text2,
	.text3 {
		 width: 100%;
		 padding: 5rpx 0;
		// .content {
		// 	overflow: hidden;
		// 	text-overflow: ellipsis; /* 文本溢出时显示省略号来代表被修剪的文本 */
		// 	display: -webkit-box; /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
		// 	-webkit-box-orient: vertical; /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
		// 	-webkit-line-clamp: 2; /* 文本需要显示多少行 */
		// }
	}
}
</style>
